<!DOCTYPE html>

<html class="no-js" lang="en">
<head>
  <meta charset="utf-8" />

  <!-- Set the viewport width to device width for mobile -->
  <meta name="viewport" content="width=device-width" />

  <title>Skeeting Over The Edge</title>
  
  <!-- Included CSS Files (Uncompressed) -->
  <!--
  <link rel="stylesheet" href="stylesheets/foundation.css">
  -->
  
  <!-- Included CSS Files (Compressed) -->

        <!-- {{ Asset::styles() }} -->
        {{ HTML::style('http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Playfair+Display:400italic') }}
        {{ HTML::style('/min/?f=css/screen.css,ultraslim/stylesheets/app.css,ultraslim/stylesheets/foundation.css,css/page.css,ultraslim/stylesheets/main.css') }}
  <!-- Google fonts -->

  <!-- IE Fix for HTML5 Tags -->
  <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->

</head>
<body>      
      
       @include('plugins.floatPanel')

      <div class="row" style="margin-top:20px"> 
          <div class="heading_dots hide-for-small"><h1 class="heading_supersize"><span class="heading_center_bg" >Welcome To This Site</span></h1></div>  
      </div>



     <div class="row page_wrap" style="margin-top:-2px">
     <!-- page wrap -->
     <div class="twelve columns">
      <!-- page wrap -->
      
       
       
      <!-- START Navigation Top -->
      <div class="row">  
        @section('navigation') 
            @include('plugins.topNav')
        @yield_section
      </div>
      <!-- END Navigation Top -->

        <div class="row"> 
        <div class="twelve columns">
          
          <!-- Slider -->
          <div id="container">
            <div id="content">
              <div id="slider">
                <ul>
                @foreach ($sliderContent as $image)
                  @if($image != NULL)
                  <li>{{ HTML::image(str_replace('public/','',$image),'test') }}</li>
                  @endif
                @endforeach 
                </ul>
              </div>
            </div>
          </div>
          <!-- END Slider -->

        <p class="welcome_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus fermentum metus, id commodo sapien. Donec cursus fermentum metus...</p> 
        <p style="text-align:center"><a href="home" class="button large secondary">Find out more &raquo;</a> </p>

          <div class="four columns">   
            <h3>Newsreel</h3>
  <!--           <ul id="feed" class="accordion">

            </ul> -->

            <ul class="accordion">
                  <li class="active">
                    <div class="title">
                      <h6>lalala</h6>
                    </div>
                    <div class="content">
                      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                    </div>
                  </li>
                  <li>
                    <div class="title">
                      <h6>lalala</h6>
                    </div>
                    <div class="content">
                      <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                    </div>
                  </li>
                  <li>
                    <div class="title">
                      <h6>lalala</h6>
                    </div>
                    <div class="content">
                      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.</p>
                    </div>
                  </li>
            </ul>
                   
          </div>
          <div class="four columns">   
            <h3>Accordion</h3>

            <ul class="accordion">
                  <li class="active">
                    <div class="title">
                      <h6>lalala</h6>
                    </div>
                    <div class="content">
                      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                    </div>
                  </li>
                  <li>
                    <div class="title">
                      <h6>lalala</h6>
                    </div>
                    <div class="content">
                      <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                    </div>
                  </li>
                  <li>
                    <div class="title">
                      <h6>lalala</h6>
                    </div>
                    <div class="content">
                      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.</p>
                    </div>
                  </li>
            </ul>
                   
          </div>
          <div class="four columns">   
            <h3>Accordion</h3>

            <ul class="accordion">
                  <li class="active">
                    <div class="title">
                      <h6>lalala</h6>
                    </div>
                    <div class="content">
                      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                    </div>
                  </li>
                  <li>
                    <div class="title">
                      <h6>lalala</h6>
                    </div>
                    <div class="content">
                      <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                    </div>
                  </li>
                  <li>
                    <div class="title">
                      <h6>lalala</h6>
                    </div>
                    <div class="content">
                      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.</p>
                    </div>
                  </li>
            </ul>
                   
          </div>
  <!--         <div class="three columns">
            
            <h3>Sidebar</h3>
            

            <div class="six columns"><div class="panel" style="padding:3px"><img src="ultraslim/images/prod_thumb.png" style="width:100%" alt="desc" /></div></div>
            <div class="six columns"><div class="panel" style="padding:3px"><img src="ultraslim/images/prod_thumb.png" style="width:100%" alt="desc" /></div></div>
            
            <div class="six columns"><div class="panel" style="padding:3px"><img src="ultraslim/images/prod_thumb.png" style="width:100%" alt="desc" /></div></div>
            <div class="six columns"><div class="panel" style="padding:3px"><img src="ultraslim/images/prod_thumb.png" style="width:100%" alt="desc" /></div></div>

                   
          </div>
          </div> -->
        </div>
     
        

        <!-- START Navigation Footer -->
        @section('footerNav') 
            @include('plugins.footerNav')
        @yield_section
        <!-- END Navigation Footer -->
  		  
          <!-- {{ Asset::scripts() }}  -->
          <!-- {{ HTML::script('https://www.google.com/jsapi') }}  -->
          {{ HTML::script('/min/?f=js/jquery-1.7.2.min.js,ultraslim/javascripts/modernizr.foundation.js,ultraslim/javascripts/foundation.min.js,ultraslim/javascripts/app.js,js/easySlider1.7.js') }} 

        <script type="text/javascript">


          $(document).ready(function(){ 
            $("#slider").easySlider({
              auto: true,
              continuous: true,
              numeric:true
            });

          }); 
        </script>

        </div>

    </div><!-- end page wrap) -->

</body>
</html>
